<!doctype html>
<html class="no-js" lang="">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<title></title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="icon" href="img/logo-black.gif">
		<link rel="manifest" href="site.webmanifest">
		<link rel="apple-touch-icon" href="icon.png">
		<!-- Place favicon.ico in the root directory -->
		<!-- 文字动画样式 -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/animate.css">
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
	</head>

	<body>
		<!-- [if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]
        
        Add your site or application content here -->
		<header>
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<div class="logo">
							<a href="https://github.com/rickywm">
								<img src="img/logo-white.gif" alt="汪睿的个人主页">
							</a>
						</div>
					</div>
					<div class="col-md-8">
						<nav class="navbar navbar-default" role="navigation" data-target="#navbar-example">
							<div class="container-fluid">
								<div id="navbar-example">
									<ul class="nav navbar-nav navbar-right">
										<li class="active">
											<a href="#index">首页</a>
										</li>
										<li>
											<a href="#about">基本信息</a>
										</li>
										<li>
											<a href="#work-exp">学习经验</a>
										</li>
										<li>
											<a href="#skill">技能展示</a>
										</li>
										<li>
											<a href="#project-exp">项目经验</a>
										</li>
										<!-- <li><a href="#renzheng">认证</a></li> -->
										<li>
											<a href="#contact">联系方式</a>
										</li>
									</ul>
								</div>
							</div>
						</nav>
					</div>
				</div>
			</div>

		</header>

		<!-- 主页面 -->
		<section id="index" class="index">
			<div class="caption">
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2 animated fadeInUp">
							<h1 class="text-center">我是汪睿</h1>
							<p class="text-center">中南财经政法大学/全栈开发</p>
							<center>
								<button type="button" class="btn btn-lg wyy-btn">
                            <span class="glyphicon glyphicon-user"></span>  开始
                        </button></center>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- 基本信息 -->
		<section id="about" class="about wyy-none" data-animate-effect="fadeInUp">

			<div class="container">
				<h1 class="text-center">基本信息</h1>
				<p class="small-en">essential information</p>
				<div class="space"></div>
				<div class="row">
					<div class="col-md-6">
						<img src="img/computer.png" alt="笔记本">
					</div>
					<div class="col-md-6">
						<h3>我是汪睿，现20岁，籍贯湖北武汉，目前就读于中南财经政法大学。</h3>
						<ol>
							<li>精通多种语言（c,c++,python,java）。</li>
							<li>精通各种开发工具（eclipse，xcode，pycharm）。</li>
							<li>有多项开发项目经验。</li>
							<li>了解php、java、jsp、MySQL、git等后台开发语言。</li>
							<li>具备良好的领悟能力、沟通能力、学习能力、团队精神。</li>
						</ol>

						<p>Talk is cheap ,show me your code.</p>

					</div>
				</div>

				<!--  <div class="row">
                   <div class="col-md-6">
                       <p>jianjie</p>
                       <p>jianjie</p>
                   </div>
                   <div class="col-md-6">
                       <div class="panel-group" id="accordion">
                           <div class="panel panel-default">
                               <div class="panel-heading">
                                   <h4 class="panel-title">
                                       <a data-toggle="collapse" data-parent="#accordion" 
                                       href="#collapseOne">
                                       点击我进行展开，再次点击我进行折叠。第 1 部分
                                       </a>
                                   </h4>
                               </div>
                               <div id="collapseOne" class="panel-collapse collapse in">
                                   <div class="panel-body">
                                       Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
                                       cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
                                       vice lomo.
                                   </div>
                               </div>
                           </div>
                           <div class="panel panel-default">
                               <div class="panel-heading">
                                   <h4 class="panel-title">
                                       <a data-toggle="collapse" data-parent="#accordion" 
                                       href="#collapseTwo" class="collapsed">
                                       点击我进行展开，再次点击我进行折叠。第 2 部分
                                   </a>
                                   </h4>
                               </div>
                               <div id="collapseTwo" class="panel-collapse collapse">
                               <div class="panel-body">
                                   Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
                                   cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
                                   vice lomo.
                               </div>
                               </div>
                           </div>
                           <div class="panel panel-default">
                               <div class="panel-heading">
                                   <h4 class="panel-title">
                                       <a data-toggle="collapse" data-parent="#accordion" 
                                       href="#collapseThree" class="collapsed">
                                       点击我进行展开，再次点击我进行折叠。第 3 部分
                                       </a>
                                   </h4>
                               </div>
                               <div id="collapseThree" class="panel-collapse collapse">
                                   <div class="panel-body">
                                       Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
                                       cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
                                       vice lomo.
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div> -->
			</div>
		</section>

		<!-- 工作经验 -->

		<section id="work-exp" class="work-exp wyy-none" data-animate-effect="fadeInUp">
			<div class="container">
				<h1 class="text-center">学习经验</h1>
				<p class="small-en">study experience</p>
				<div class="space"></div>
				<div class="row">
					<div class="col-md-7">
						<div class="media text-right work-left">
							<div class="media-body">
								<h2 class="media-heading">中南财经政法大学</h2>
								<p>2015/09-2018/06</p>
								<h3>信息管理与信息系统</h3>
								<div class="work-ch">
									<p>学习编程基础 <i class="fa fa-check"></i></p>
									<p>学习有关的开发经验 <i class="fa fa-check"></i></p>
									<p>有关项目的开发，团队合作 <i class="fa fa-check"></i></p>
									<p>参与各种比赛，获得有关的经验 <i class="fa fa-check"></i></p>
									<p>学习前沿的编程知识 <i class="fa fa-check"></i></p>
								</div>

							</div>
							<div class="media-right">
								<a href="#">
									<i class="glyphicon glyphicon-align-right"></i>
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-5">
						<img src="img/exp-1.jpg" alt="工作台">
					</div>
				</div>

				<div class="space"></div>
				<div class="row">
					<div class="col-md-7">
						<div class="media text-left work-right">
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- 一起学习 -->
		<section id="skill" class="skill">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-md-offset-3 text-center">
						<h1>技能展示</h1>
						<p class="small-en">skill display</p>
						<div class="space"></div>
						<!-- <h4>前端开发技能HTML5/css3、js/jQuery、bootstrap、webpack、vue.js;设计工具Photoshop。CMS建站系统typecho、WordPress。后台语言php、java、jsp、MySQL、git。
                        </h4> -->
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 col-md-offset-3 skill-div">
						<ul>
							<li>
								<div class="skill-title">
									<span class="fa fa-photoshop">C++ </span>
								</div>
								<div class="barfiller">
									<span class="fill" data-fill="95%" data-fill-color="#0f5daa"></span>
								</div>
							</li>
							<li>
								<div class="skill-title">
									<span>c</span>
								</div>
								<div class="barfiller">
									<span class="fill" data-fill="85%" data-fill-color="#F32566"></span>
								</div>
							</li>
							<li>
								<div class="skill-title">
									<span>python</span>
								</div>
								<div class="barfiller">
									<span class="fill" data-fill="90%" data-fill-color="#F3E566"></span>
								</div>
							</li>
							<li>
								<div class="skill-title">
									<span>Java</span>
								</div>
								<div class="barfiller">
									<span class="fill" data-fill="80%" data-fill-color="#1a2b3b"></span>
								</div>
							</li>
							<li>
								<div class="skill-title">
									<span>go</span>
								</div>
								<div class="barfiller">
									<span class="fill" data-fill="85%" data-fill-color="#354951"></span>
								</div>
							</li>
							<li>
								<div class="skill-title">
									<span>swift</span>
								</div>
								<div class="barfiller">
									<span class="fill" data-fill="70%" data-fill-color="#ff8080"></span>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>

		<!-- 图集 -->
		<section id="project-exp" class="project-exp">
			<div class="container">
				<h1 class="text-center">项目经验</h1>
				<p class="small-en">project experience</p>
				<div class="space"></div>
				<div class="row">
					<div class="col-md-12">
						<div class="firlter text-center">
							<!-- 胶囊式菜单 -->
							<ul class="nav nav-pills">
								<li class="active">
									<a href="#" data-isotope="*">所有</a>
								</li>
								<li>
									<a href="#" data-isotope=".bootstrap">bootstrap</a>
								</li>
								<li>
									<a href="#" data-isotope=".vue-js">vue.js</a>
								</li>
								<li>
									<a href="#" data-isotope=".wordpress">wordpress</a>
								</li>
								<li>
									<a href="#" data-isotope=".typecho">typcho</a>
								</li>
							</ul>
						</div>
						<div class="space"></div>
						<div class="isotope-container row">
							<div class="col-sm-6 col-md-3 wordpress bootstrap">
								<div>
									<div class="over-container">
										<img src="img/b9.jpg" alt="">
										<a href="www.tai9.cn" class="over-a" data-toggle="modal" data-target="#example">
											<i class="glyphicon glyphicon-search"></i>
											<span>测试操作</span>
										</a>

									</div>

								</div>
								<div>
									<div id="example" class="modal fade">
										<div class="modal-dialog modal-lg">
											<div class="modal-content">
												<div class="modal-header">
													<a class="close" data-dismiss="modal">×</a>
													<h3>测试操作</h3>
												</div>
												<div class="modal-body">
													<h4>模态框中的文本</h4>
													<div class="row">
														<div class="col-md-6">
															<p>文本</p>
														</div>
														<div class="col-md-6">
															<img src="img/b9.jpg" alt="">
														</div>
													</div>
													<p>你可以在这添加一些文本。</p>
												</div>
												<div class="modal-footer">
													<!-- <a href="#" class="btn btn-success">唤醒活动</a> -->
													<a href="#" class="btn" data-dismiss="modal">关闭</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-3 bootstrap">
								<div>
									<div class="over-container">
										<img src="img/guitar.jpg" alt="">
										<a href="" class="over-a" data-toggle="modal" data-target="#wordpress">
											<i class="glyphicon glyphicon-search"></i>
											<span>我的个人主页</span>
										</a>

									</div>

								</div>
								<div>
									<div id="wordpress" class="modal fade">
										<div class="modal-dialog modal-lg">
											<div class="modal-content">
												<div class="modal-header">
													<a class="close" data-dismiss="modal">×</a>
													<h3>我的个人主页</h3>
												</div>
												<div class="modal-body">
													<h4>模态框中的文本</h4>
													<div class="row">
														<div class="col-md-6">
															<p>文本</p>
														</div>
														<div class="col-md-6">
															<img src="img/guitar.jpg" alt="">
														</div>
													</div>
													<p>你可以在这添加一些文本。</p>
												</div>
												<div class="modal-footer">
													<!-- <a href="#" class="btn btn-success">唤醒活动</a> -->
													<a href="#" class="btn" data-dismiss="modal">关闭</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-3 vue-js typecho">
								<div>
									<div class="over-container">
										<img src="img/hand.jpg" alt="">
										<a href="" class="over-a" data-toggle="modal" data-target="#vue-js">
											<i class="glyphicon glyphicon-search"></i>
											<span>测试操作</span>
										</a>

									</div>

								</div>
								<div>
									<div id="vue-js" class="modal fade">
										<div class="modal-dialog modal-lg">
											<div class="modal-content">
												<div class="modal-header">
													<a class="close" data-dismiss="modal">×</a>
													<h3>测试操作</h3>
												</div>
												<div class="modal-body">
													<h4>模态框中的文本</h4>
													<div class="row">
														<div class="col-md-6">
															<p>文本</p>
														</div>
														<div class="col-md-6">
															<img src="img/hand.jpg" alt="">
														</div>
													</div>
													<p>你可以在这添加一些文本。</p>
												</div>
												<div class="modal-footer">
													<!-- <a href="#" class="btn btn-success">唤醒活动</a> -->
													<a href="#" class="btn" data-dismiss="modal">关闭</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-3 typecho">
								<div>
									<div class="over-container">
										<img src="img/wph.jpg" alt="">
										<a href="" class="over-a" data-toggle="modal" data-target="#example">
											<i class="glyphicon glyphicon-search"></i>
											<span>测试操作</span>
										</a>

									</div>

								</div>
								<div>
									<div id="example" class="modal fade">
										<div class="modal-dialog modal-lg">
											<div class="modal-content">
												<div class="modal-header">
													<a class="close" data-dismiss="modal">×</a>
													<h3>测试操作</h3>
												</div>
												<div class="modal-body">
													<h4>模态框中的文本</h4>
													<div class="row">
														<div class="col-md-6">
															<p>文本</p>
														</div>
														<div class="col-md-6">
															<img src="img/b1.jpg" alt="">
														</div>
													</div>
													<p>你可以在这添加一些文本。</p>
												</div>
												<div class="modal-footer">
													<!-- <a href="#" class="btn btn-success">唤醒活动</a> -->
													<a href="#" class="btn" data-dismiss="modal">关闭</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-3 typecho bootstrap">
								<div>
									<div class="over-container">
										<img src="img/b6.jpg" alt="">
										<a href="" class="over-a" data-toggle="modal" data-target="#example">
											<i class="glyphicon glyphicon-search"></i>
											<span>测试操作</span>
										</a>

									</div>

								</div>
								<div>
									<div id="example" class="modal fade">
										<div class="modal-dialog modal-lg">
											<div class="modal-content">
												<div class="modal-header">
													<a class="close" data-dismiss="modal">×</a>
													<h3>测试操作</h3>
												</div>
												<div class="modal-body">
													<h4>模态框中的文本</h4>
													<div class="row">
														<div class="col-md-6">
															<p>文本</p>
														</div>
														<div class="col-md-6">
															<img src="img/b6.jpg" alt="">
														</div>
													</div>
													<p>你可以在这添加一些文本。</p>
												</div>
												<div class="modal-footer">
													<!-- <a href="#" class="btn btn-success">唤醒活动</a> -->
													<a href="#" class="btn" data-dismiss="modal">关闭</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-3 typecho bootstrap wordpress">
								<div>
									<div class="over-container">
										<img src="img/b7.jpg" alt="">
										<a href="" class="over-a" data-toggle="modal" data-target="#example">
											<i class="glyphicon glyphicon-search"></i>
											<span>测试操作</span>
										</a>

									</div>

								</div>
								<div>
									<div id="example" class="modal fade">
										<div class="modal-dialog modal-lg">
											<div class="modal-content">
												<div class="modal-header">
													<a class="close" data-dismiss="modal">×</a>
													<h3>测试操作</h3>
												</div>
												<div class="modal-body">
													<h4>模态框中的文本</h4>
													<div class="row">
														<div class="col-md-6">
															<p>文本</p>
														</div>
														<div class="col-md-6">
															<img src="img/b7.jpg" alt="">
														</div>
													</div>
													<p>你可以在这添加一些文本。</p>
												</div>
												<div class="modal-footer">
													<!-- <a href="#" class="btn btn-success">唤醒活动</a> -->
													<a href="#" class="btn" data-dismiss="modal">关闭</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-3 typecho vue-js">
								<div>
									<div class="over-container">
										<img src="img/b5.jpg" alt="">
										<a href="" class="over-a" data-toggle="modal" data-target="#example">
											<i class="glyphicon glyphicon-search"></i>
											<span>测试操作</span>
										</a>

									</div>

								</div>
								<div>
									<div id="example" class="modal fade">
										<div class="modal-dialog modal-lg">
											<div class="modal-content">
												<div class="modal-header">
													<a class="close" data-dismiss="modal">×</a>
													<h3>测试操作</h3>
												</div>
												<div class="modal-body">
													<h4>模态框中的文本</h4>
													<div class="row">
														<div class="col-md-6">
															<p>文本</p>
														</div>
														<div class="col-md-6">
															<img src="img/b5.jpg" alt="">
														</div>
													</div>
													<p>你可以在这添加一些文本。</p>
												</div>
												<div class="modal-footer">
													<!-- <a href="#" class="btn btn-success">唤醒活动</a> -->
													<a href="#" class="btn" data-dismiss="modal">关闭</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-3 typecho">
								<div>
									<div class="over-container">
										<img src="img/b3.jpg" alt="">
										<a href="" class="over-a" data-toggle="modal" data-target="#example">
											<i class="glyphicon glyphicon-search"></i>
											<span>测试操作</span>
										</a>

									</div>

								</div>
								<div>
									<div id="example" class="modal fade">
										<div class="modal-dialog modal-lg">
											<div class="modal-content">
												<div class="modal-header">
													<a class="close" data-dismiss="modal">×</a>
													<h3>测试操作</h3>
												</div>
												<div class="modal-body">
													<h4>模态框中的文本</h4>
													<div class="row">
														<div class="col-md-6">
															<p>文本</p>
														</div>
														<div class="col-md-6">
															<img src="img/b3.jpg" alt="">
														</div>
													</div>
													<p>你可以在这添加一些文本。</p>
												</div>
												<div class="modal-footer">
													<!-- <a href="#" class="btn btn-success">唤醒活动</a> -->
													<a href="#" class="btn" data-dismiss="modal">关闭</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="happy">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-md-offset-3">
						<h1 class="text-center "><i class="fa fa-github fa-2x"></i>  访问我的github</h1>
					</div>
				</div>
			</div>
		</section>
		<!-- 认证 
        <section id="renzheng" class="renzheng">
            <div class="container renzheng-1">
                <h1 class="text-center">认证</h1>
                <div class="row">
                    <div class="col-md-12">
                        <div class="media">
                            <div class="media-left">
                               
                                    <i class="glyphicon glyphicon-user"></i>
                                
                            </div>
                            <div class="media-body">
                                <h2>one</h2>
                                <blockquote>
                                    <p>样式引用</p>
                                    <footer>——这里是footer</footer>
                                </blockquote>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container ad">
                <div class="row">
                    <div class="col-xs-2">
                        <img src="" alt="1">
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2">
                        <img src="" alt="1">
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2">
                        <img src="" alt="1">
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2">
                        <img src="" alt="1">
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2">
                        <img src="" alt="1">
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2">
                        <img src="" alt="1">
                    </div>
                </div>
            </div> 
        </section>
-->
		<!-- 联系我们  -->
		<section id="contact" class="contact">
			<div class="container">
				<h1 class="text-center">联系方式</h1>
				<p class="small-en">contact information</p>
				<div class="space"></div>
				<div class="row">

					<div class="col-md-6">
						<p>详细信息</p>
						<ul class="contact-attr">
							<li><i class="fa fa-phone fa-2x"></i> xxxxxxxxxx</li>
							<li><i class="fa fa-qq fa-2x"></i> xxxxxxxx</li>
							<li><i class="fa fa-wechat fa-2x"></i> xxxxxxxx</li>
							<li><i class="fa fa-envelope-open fa-2x"></i> xxxxxxx@gmail.com</li>
						</ul>
						<ul class="contact-link">
							<li>
								<a href=""> <i class="fa fa-github"></i></a>
							</li>
							<li>
								<a href=""> <i class="fa fa-weibo"></i></a>
							</li>
							<li>
								<a href=""> <i class="fa fa-qq"></i></a>
							</li>
							<li>
								<a href=""> <i class="fa fa-wordpress"></i></a>
							</li>
							<li>
								<a href=""> <i class="fa fa-facebook"></i></a>
							</li>
							<li>
								<a href=""> <i class="fa fa-weixin"></i></a>
							</li>
						</ul>
					</div>
					<div class="col-md-6">
						<!-- 带图标的表单 -->
						<form action="">
							<div class="form-group has-feedback">
								<label class="sr-only control-label" for="Name">name</label>
								<input type="text" class="form-control" id="Name" placeholder="NAME">
								<span class="glyphicon glyphicon-user form-control-feedback"></span>
							</div>
							<div class="form-group has-feedback">
								<label class="sr-only control-label" for="Email">Email</label>
								<input type="text" class="form-control" id="Email" placeholder="Email">
								<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
							</div>
							<div class="form-group has-feedback">
								<label class="sr-only control-label" for="Message">Message</label>
								<textarea class="form-control" id="Message" rows="8" placeholder="MESSAGE"></textarea>
								<span class="glyphicon glyphicon-pencil form-control-feedback"></span>
							</div>
							<input class="btn btn-default" type="button" value="提交">
						</form>
					</div>
				</div>
			</div>
		</section>
		<!-- 页脚 -->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p class="text-center">copyright 2018 © FlashRay
							<a href="https://github.com/rickywm">github</a>
						</p>
					</div>
				</div>
			</div>
		</footer>

		<script src="js/vendor/modernizr-3.5.0.min.js"></script>
		<!--  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
       <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script> -->
		<script src="js/vendor/jquery-3.2.1.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<!-- 动态的背景图片 -->
		<script src="js/jquery-backstretch.js"></script>
		<script src="js/plugins.js"></script>
		<!-- 项目经验 子集动态筛选 -->
		<script src="js/isotope.pkgd.min.js"></script>
		<script src="js/main.js"></script>

		<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->

	</body>

</html>